﻿@charset "utf-8";

body {
	font-family:"微軟正黑體", Arial, sans-serif;
	background:url("images/subtle_dots.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size:13px;
}
#content{
	width: 800px;
	height: 700px;
	margin: 0 auto;
}
#top{
	
	height:15px;
}
#header1{
	height: 110px;
	width: 50%;
	float: left;
}
#header2{
	height: 110px;
	width: 50%;
	float: right;
}
#header1 h{
	float: right;
	}
#header1 h,#header2 h{
	text-align: left;
	width: 300px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}
#meters
{
	text-align: center;
	width: 300px;
	float: right;
	border: 1px solid #d5d4d4;
	border-collapse:collapse;
	background: #ffffff;
}
#people
{
	text-align: center;
	width: 300px;
	float: left;
	border: 1px solid #d5d4d4;
	border-collapse:collapse;
	background: #ffffff;
}

#meters tr:nth-child(odd),#people tr:nth-child(odd){
	font-size: 23px;
	font-family: Arial, sans-serif, "Arial Black";
	font-weight: bold;
	height: 40px;
	vertical-align: bottom;
}
#meters tr:nth-child(even),#people tr:nth-child(even){
	font-size: 12px;
	font-family: Arial, sans-serif, "Arial Black";	
	height: 23px;
	vertical-align: top;
}
#mapEditArea{
	width: 760px;
	height: 900px;
	clear:both;
	text-align: center;
}

#mapEdit{
	width: 760px;
	height: 460px;
	background:#303030;
}
#file{
	vertical-align: middle;
	height:35px;
	text-align: left;	
}
#lengthListBox{
	vertical-align: top;
}	
#map_canvas {
	border: 2px solid rgb(255, 183, 111);
	width: 780px;
	height: 480px;
}
.MAP {
      width: 780px;
      height: 480px;
}
#edit{
	text-align: right;
	height: 35px;
	color: #FFF;
	vertical-align: text-top;
}
#googleMap{
	text-align: left;	
}

#btn-save{
	width: 70px;
	height:28px;
	background:#303030 url(images/save.png) repeat-x 0 0;
	border:none;
}
#btn-load{
	width: 70px;
	height:28px;
	background:#303030 url(images/load.png) repeat-x 0 0;
	border:none;
}
#rester
{
	width: 70px;
	height:26px;
	background:#303030 url(images/rester.png) repeat-x 0 0;
	border:none;
}
#add
{
	width: 70px;
	height:26px;
	background:#303030 url(images/add.png) repeat-x 0 0;
	border:none;
}
#delete
{
	width: 70px;
	height:26px;
	background:#303030 url(images/delete.png) repeat-x 0 0;
	border:none;
}
#btn-save:active{
	width: 70px;
	height:28px;
	background:#303030 url(images/save1.png) repeat-x 0 0;
	border:none;
}
#btn-load:active{
	width: 70px;
	height:28px;
	background:#303030 url(images/load1.png) repeat-x 0 0;
	border:none;
}
#rester:active
{
	width: 70px;
	height:25px;
	background:#303030 url(images/rester1.png) repeat-x 0 0;
	border:none;
}
#add:active
{
	width: 70px;
	height:26px;
	background:#303030 url(images/add1.png) repeat-x 0 0;
	border:none;
}
#delete:active
{
	width: 70px;
	height:25px;
	background:#303030 url(images/delete1.png) repeat-x 0 0;
	border:none;
}


#footer1
{
	height: 40px;
	vertical-align: bottom;
}
#footer2
{
	clear:both;
}
#footer1 h{
	text-align: left;
	font-size: 18px;
	color: #333333;
	vertical-align: bottom;
	font-weight: bold;
	}
#PolyInfo{
	width: 790px;
	
}
.highlight{
	border-collapse:collapse; 
	border: 1px solid #d5d4d4;
}
.highlight th{ 
	background: #F2F2F2;
	padding:7px;
	border: 1px solid #d5d4d4;
}	
.highlight td{ 
	padding:7px;
	border: 1px solid #d5d4d4;
}
/* Define the default color for all the table rows */
.highlight tr{
	background: #fefae5;
}
/* Define the hover highlight color for the table row */
.highlight tr:hover {
	  background-color: #fff5bf;
}
